<template>
  <img
    class="avatar-container"
    :src="url"
    :style="{
      width: size + 'px',
      height: size + 'px',
    }"
  />
</template>

<script>
export default {
  props: {
    url: {
      // type: String,   //url属性必须是一个字符串
      required: true, //url必填
    },
    size: {
      type: Number,
      default: 150, //如果size没有填的时候，传入的默认值
    },
  },
};
</script>

<style >
.avatar-container {
  border-radius: 50%;
  object-fit: cover;
}
</style>